<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>YTUI-BUTTON</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js"></script>

	</head>

	<body class="header-fixed nav-fixed">
		<header class="header-bar bg-main">
			<h2 class="header-title">模板</h2>
		</header>
		<section>
			<ul class="list">
				<li>
					<a href="templet/demo1/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">DEMO1<span class="bages-s" style="margin-bottom: 12px;"></span></h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
				<li>
					<a href="templet/demo2/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">DEMO2</h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
				<li>
					<a href="templet/demo3/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">DEMO3</h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
				<li>
					<a href="templet/demo4/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">DEMO4</h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
				<li>
					<a href="templet/demo5/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">DEMO5</h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
				<li>
					<a href="templet/dev-team/index.html" class="yt yt-ac">
						<h3 class="yt-f1 list-title">开发团队</h3>
						<i class="icon icon-next"></i>
					</a>
				</li>
			</ul>
		</section>
		<nav class="nav bt">
			<a href="index.html" class="nav-item">
				<i class="icon icon-menu fz42"></i>
				<span class="fz24">组件</span>
			</a>
			<a href="templet.html" class="nav-item active">
				<i class="icon icon-module"></i>
				<span class="fz24 db">模板</span>
			</a>
			<a href="#" class="nav-item">
				<i class="icon icon-more"><span class="bages-s"></span></i>
				<span class="fz24 db">关于</span>
			</a>
		</nav>
	</body>

</html>